<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>用户日志</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="../../layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/user/user-log.css" />
    <style type="text/css">
        #guanliyuan .layui-form-select .layui-edge {
            /* left: 65px; */
        }
        
        #guanliyuan .layui-select-title {
            /* width: 90px; */
        }
    </style>
</head>

<body>
    <div class="content">
        <!-- 搜索部分 -->
        <div class="layui-container search" style="width: 100%;">
            <div class="layui-row">
                <!-- 左边 -->
                <div class="layui-col-xs11 layui-col-sm11 layui-col-md11 layui-col-lg11 search-left layui-row">
                    <!-- 管理员 -->
                    <div class="layui-col-xs2 layui-col-sm2 layui-col-md2 layui-col-lg2 left-items left-shang" id="guanliyuan">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <select name="user" id="opertype" lay-filter="user" lay-verify="required">
										<option value="1" selected>区级管理员</option>
										<option value="2">镇级管理员</option>
										<option value="3">村级管理员</option>
										<option value="4">村民</option>
									</select>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- 日期 -->
                    <div class="layui-col-xs7 layui-col-sm7 layui-col-md3 layui-col-lg3 left-items left-shang">
                        <input type="text" class="demo-input" placeholder="请选择日期" id="time">
                    </div>
                    <!-- 类型筛选 -->
                    <div class="layui-col-xs3 layui-col-sm3 layui-col-md2 layui-col-lg2 left-items left-shang">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <select name="type" id="type" lay-filter="type" lay-verify="required">
											<option value="" disabled selected>类型筛选</option>
											<option value="0">查询检索</option>
											<option value="2">修改数据</option>
											<option value="4">新增数据</option>
											<option value="1">删除数据</option>
											<option value="3">批量上传</option>
											<option value="5">登陆操作</option>
										</select>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- 镇级筛选 -->
                    <div class="layui-col-xs4 layui-col-sm4 layui-col-md2 layui-col-lg2 left-items left-xia">
                        <form id="form1" class="layui-form" action="" lay-filter="form1">
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <select name="area-town" id="area-town" lay-filter="area-town" lay-verify="required">
											<option value="" disabled selected>地区筛选(镇/街道)</option>
										</select>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- 村级筛选 -->
                    <div class="layui-col-xs4 layui-col-sm4 layui-col-md2 layui-col-lg2 left-items left-xia">
                        <form id="form2" class="layui-form" action="" lay-filter="form2">
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <select name="area-village" id="area-village" lay-filter="area-village">
											<option value="" disabled selected>地区筛选(村)</option>
										</select>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- 搜索 -->
                    <div class="layui-col-xs4 layui-col-sm4 layui-col-md1 layui-col-lg1 left-items left-xia">
                        <input type="text" name="sousuo" required lay-verify="required" placeholder="搜索" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <!-- 右边 -->
                <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1 search-right layui-row">
                    <!-- 按钮 -->
                    <div>
                        <button id="tijiao" class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- 表格部分 -->
        <div class="form">
            <table class="layui-hide" id="demo" lay-filter="test"></table>

            <script type="text/html" id="barDemo">
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>
        </div>
    </div>

    <script src="../../js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
    <!-- 假数据开始 -->
    <script src="../../mock/mock/mock-min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../mock/mock1.js" type="text/javascript" charset="utf-8"></script>
    <!-- 假数据结束 -->
    <script src="../../js/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../layui/layui.js" charset="utf-8"></script>

    <script src="../../js/user/user-log.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>